<template>
	<div class="editor-wrapper">
		<vue-ueditor-wrap v-model="value" :config="myConfig"></vue-ueditor-wrap>
	</div>
</template>

<script>
import VueUeditorWrap from 'vue-ueditor-wrap';
import { getToken, getBaseUrl } from '@/libs/util.js';
export default {
	name: 'UEditor',
	components: {
		VueUeditorWrap
	},
	props: {
		value: {
			type: String,
			default: ''
		}
	},
	data() {
		return {
			myConfig: {
				// 编辑器不自动被内容撑高
				autoHeightEnabled: false,
				// 初始容器高度
				initialFrameHeight: 240,
				// 初始容器宽度
				initialFrameWidth: '100%',
				// 上传文件接口（这个地址是我为了方便各位体验文件上传功能搭建的临时接口，请勿在生产环境使用！！！）
				serverUrl: 'http://192.168.1.104:8000/api/common/UEditor',
				// UEditor 资源文件的存放路径，如果你使用的是 vue-cli 生成的项目，通常不需要设置该选项，vue-ueditor-wrap 会自动处理常见的情况，如果需要特殊配置，参考下方的常见问题2
				UEDITOR_HOME_URL: '/UEditor/'
			}
		};
	},
	methods: {},
	mounted() {}
};
</script>

<style lang="less">
.editor-wrapper * {
	z-index: 100 !important;
}
.w-e-menu {
	z-index: 2 !important;
}
.w-e-text-container {
	z-index: 1 !important;
}
</style>

<style scoped="scoped">
.ivu-form-item-content .editor-wrapper {
	line-height: 0px;
}
</style>
